body {
	background: #f2f2f2;
	width:100%;
	box-sizing: border-box;
	overflow-x: hidden;
}
.ke {
	width: 1.08rem;
	height: 1.11rem;
	position: fixed;
	right: 0.24rem;
	bottom: 0.3rem;
	z-index: 9;
}
.infor{
	/*display: none;*/
	width: 0.13rem;
    height: 0.13rem;
    background: none;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    right: 0.1rem;
    top: 0.2rem;
    }
#top {
	width: 100%;
	height: 6.86rem;
	background: url(/static/app/images/bg01.png) no-repeat center;
	background-size: cover; 
}
#top .head {
	width: 100%;
	height: 0.88rem;
	position: relative;
}
#top .head .headImg {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	top: 50%;
	left: 0.24rem;
	margin-top: -0.25rem;
	border-radius: 50%;
	object-fit: cover;
}
#top .head .tips {
	width: 0.41rem;
	height: 0.45rem;
	position: absolute;
	top: 50%;
	right: 0.24rem;
	margin-top: -0.225rem;
}
#top .head .city {
	height: 100%;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
#top .head .city p {
	font-size: 0.3rem;
	color: #fff;
	line-height: 0.88rem;
	margin-right: 0.12rem;
}
#top .head .city .arrow {
	width: 0.21rem;
	height: 0.13rem;
}
#top .banner {
	width: 100%;
	height: 4.89rem;
	position: relative;
}
#top .banner .bannerBg {
	width: 6.42rem;
	height: 1.9rem;
	position: absolute;
	top: 0.2rem;
	left: 50%;
	margin-left: -3.21rem;
}
#top .banner .swiper-container {
	width: 6.79rem;
	height: 4.41rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -3.395rem;
}
#top .banner .swiper-container img {
	width: 100%;
	height: 100%;
}
.swiper-slide i{
	display: inline-block;
	float: right;
	color: #999999;
}
.swiper-slide .created{
	border: 1px solid #1f9ef5;
    display: inline-block;
    width:1.05rem;
    text-align: center;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0.05rem 0.1rem;
    color: #1f9ef5;
    overflow: hidden;
}
#top .Headline {
	width: 100%;
	height: 1.1rem;
	background: #fff;
	position: relative;
	overflow: hidden;
}
#top .Headline .HeadlineLogo {
	width: 0.6rem;
	height: 0.7rem;
	position: absolute;
	left: 0.24rem;
	top: 50%;
	margin-top: -0.35rem;
}
#top .Headline .industry {
	width: 0.65rem;
	height: 100%;
	float: left;
	margin-left: 1.03rem;
}
#top .Headline p {
	float: left;
	width: 0.5rem;
	height: 0.2rem;
	border: 1px solid #1e97ea;
	font-size: 0.16rem;
	color: #1e97ea;
	text-align: center;
	line-height: 0.2rem;
	margin-top: 0.22rem;
}
#top .Headline p:nth-child(2) {
	margin-top: 0.25rem;
}
#top .Headline .swiper-container {
	width: 5.1rem;
	height: 1rem;
	padding: 0.05rem 0;
	float: left;
	overflow: hidden;
	margin-left:1rem;
}
#top .Headline .swiper-container .swiper-slide a{
	display: inline-block;
	width:100%;
	height: 0.5rem;
	font-size: 0.24rem;
	color: #666;
	line-height: 0.5rem;
	display: flex;
}
#top .Headline .swiper-container .swiper-slide .content{
	display: inline-block;
	width:50%;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.more{
	width:1.2rem;
	height:0.65rem;
	display: inline-block;
	padding-top: 0.25rem;
}
.more img{width:100%;height:100%;}
#nav {
	width: 100%;
	height: 2.97rem;
	margin-top: 0.2rem;
	background: #fff;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#nav a {
	display: block;
	width: 3.4rem;
	height: 1.2rem;
	background: #fff;
	position: relative;
	-moz-box-shadow:0 0 0.21rem #e8e8e8; 
	-webkit-box-shadow:0 0 0.21rem #e8e8e8; 
	box-shadow:0 0 0.21rem #e8e8e8;
}
#nav a:nth-child(1) {
	margin-right: 0.22rem;
}
#nav a:nth-child(3) {
	margin-right: 0.22rem;
}
#nav a .icon01 {
	width: 0.53rem;
	height: 0.57rem;
	position: absolute;
	top: 50%;
	left: 0.36rem;
	margin-top: -0.285rem;
}
#nav a .icon02 {
	width: 0.46rem;
	height: 0.59rem;
	position: absolute;
	top: 50%;
	left: 0.36rem;
	margin-top: -0.295rem;
}
#nav a .icon03 {
	width: 0.51rem;
	height: 0.55rem;
	position: absolute;
	top: 50%;
	left: 0.36rem;
	margin-top: -0.275rem;
}
#nav a .icon04 {
	width: 0.57rem;
	height: 0.57rem;
	position: absolute;
	top: 50%;
	left: 0.36rem;
	margin-top: -0.285rem;
}
#nav a h2 {
	font-size: 0.3rem;
	color: #444;
	margin-left: 1.16rem;
	margin-top: 0.24rem;
}
#nav a p {
	font-size: 0.2rem;
	color: #c0bfbf;
	margin-left: 1.16rem;
	margin-top: 0.08rem;
	line-height: 0.2rem;
}
#nav a p span {
	display: inline-block;
	width: 0.12rem;
	height: 0.12rem;
	background: #1f9ef5;
	border-radius: 100%;
	margin-right: 0.1rem;
	margin-bottom: 0.03rem;
}
#myIncom {
	width: 100%;
	margin-top: 0.2rem;
	background: #fff;
}
#myIncom .options {
	width: 100%;
	height: 0.7rem;
	border-bottom: 1px solid #dedede;
	position: relative;
}
#myIncom .options .date {
	height: 100%;
	float: right;
	display: inline-block;
	position: absolute;
	margin-left:0.2rem;
}
#myIncom .options .date input{
	margin:0.1rem 0;
	display: inline-block;
	width:2rem;
	height:0.5rem;
	border:none;
	border:1px solid #ddd;
	padding:0 0.1rem;
	box-sizing: border-box;
}
#myIncom .options .date p {
	width: 0.45rem;
	height: 0.52rem;
	background: #e7e6e6;
	font-size: 0.32rem;
	color: #666;
	text-align: center;
	line-height: 0.52rem;
	float: left;
	margin-top: 0.1rem;
	margin-right: 0.4rem;
	border-radius: 0.08rem;
}
#myIncom .options .date p.active {
	background: #1f9ef5;
	color: #fff;
}
#myIncom .options .date p:last-child {
	margin-right: 0.24rem;
}
#myIncom .options .link {
	width: 2.53rem;
	height: 100%;
	line-height: 0.7rem;
	padding-left: 0.24rem;
	font-size: 0.26rem;
	color: #333;
	float: left;
}
#myIncom .options .link p {
	display: inline-block;
	width:1.2rem;
	float: left;
}

#myIncom .options .link .icon {
	float: left;
	margin-left: 0.16rem;
}
#myIncom .options .link .icon img {
	width: 0.21rem;
	height: 0.13rem;
}
#myIncom .options .link .icon img.rotate {
	transform: rotate(180deg);
	transition: transform 0.2s;
}
#myIncom .options .submenu {
	position: absolute;
	left: 0;
	top: 0.7rem;
	background: #fff;
	display: none;
}
#myIncom .options .submenu li {
	width: 1.83rem;
	height: 0.7rem;
	line-height: 0.7rem;
	padding-left: 0.24rem;
	font-size: 0.3rem;
	color: #333;
	border-top: 1px solid #dedede;
}
#myIncom .items {
	padding: 0.5rem 0 0 0.7rem;
	height: 0.54rem;
}
#myIncom .items li {
	width: 1.84rem;
	height: 0.5rem;
	border: 1px solid #666;
	border-radius: 0.3rem;
	float: left;
	margin-right: 0.28rem;
	font-size: 0.24rem;
	color: #666;
	text-align: center;
	line-height: 0.5rem;
}
#myIncom .items li.active2 {
	border-color: #1f9ef5;
	color: #1f9ef5;
}
#myIncom .dataSheet {
	width: 7.5rem;
	height: 3.04rem;
	margin-top: 0.3rem;
}
#myIncom .tips {
	width: 100%;
	height: 0.7rem;
}
#myIncom .tips li {
	float: right;
	height: 100%;
	line-height: 0.7rem;
	margin-right: 0.4rem;
}
#myIncom .tips li:nth-child(1) span {
	float: left;
	width: 0.2rem;
	height: 0.2rem;
	background: #f5c406;
	margin-top: 0.24rem;
	margin-right: 0.1rem;
}
#myIncom .tips li:nth-child(2) span {
	float: left;
	width: 0.2rem;
	height: 0.2rem;
	background: #1ff575;
	margin-top: 0.24rem;
	margin-right: 0.1rem;
}
#myIncom .tips li:nth-child(3) span {
	float: left;
	width: 0.2rem;
	height: 0.2rem;
	background: #1f9ef5;
	margin-top: 0.24rem;
	margin-right: 0.1rem;
}
#myIncom .tips li p {
	font-size: 0.22rem;
	color: #666;
	float: left;
}
#systemMsg {
	margin-top: 0.2rem;
	background: #fff;
}
#systemMsg h2 {
	width: 7.26rem;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.3rem;
	color: #333;
	padding-left: 0.24rem;
	border-bottom: 1px solid #dedede;
}
#systemMsg ul li {
	width: 7.02rem;
	height: 1rem;
	padding: 0.2rem 0.24rem; 
	border-bottom: 1px solid #dedede;
	overflow: hidden;
}
#systemMsg ul li img {
	float: left;
	width: 1rem;
	height: 1rem;
	margin-right: 0.16rem;
	object-fit: cover;
	border-radius: 50%;
}
#systemMsg ul li .con {
	width: 5.84rem;
	float: left;
}
#systemMsg ul li .con p {
	font-size: 0.2rem;
	color: #999;
}
#systemMsg ul li .con p.issueName {
	float: left;
}
#systemMsg ul li .con p.time {
	float: right;
}
#systemMsg ul li .conText {
	font-size: 0.24rem;
	color: #666;
	line-height: 0.32rem;
	float: left;
	width: 5.84rem;
	margin-top: 0.16rem;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;/*此为两行，设置行数*/
	-webkit-box-orient: vertical;/*子元素垂直排列*/
}
#systemMsg .bottomText {
	width: 100%;
	height: 0.8rem;
	font-size: 0.24rem;
	color: #999;
	text-align: center;
	line-height: 0.8rem;
}
.personal {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 999;
	display:flex;
}
.per_con {
	width: 5.97rem;
	height: 100%;
	background: #fff;
}
.per_top {
	width: 100%;
	height: 3rem;
	background: url(/static/app/images/bg03.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.per_top .per_head {
	position: absolute;
	width: 0.8rem;
	height: 0.8rem;
	top: 0.62rem;
	left: 0.46rem;
	border-radius: 50%;
	object-fit: cover;
}
.per_top .state {
	width: 0.9rem;
	height: 0.3rem;
	background: #f2d04d;
	font-size: 0.22rem;
	color: #fff;
	text-align: center;
	line-height: 0.3rem;
	position: absolute;
	top: 0.65rem;
	left: 1.38rem;
	border-radius: 0.06rem;
}
.per_top .name {
	font-size: 0.24rem;
	color: #fff;
	position: absolute;
	top: 1.1rem;
	left: 1.4rem;
}
.per_top .close {
	width: 0.21rem;
	height: 0.13rem;
	position: absolute;
	top: 1rem;
	right: 0.4rem;
	transform: rotate(-90deg);
}
.per_top .price {
	font-size: 0.28rem;
	color: #fff;
	position: absolute;
	top: 1.93rem;
	left: 0.46rem;
}
.list a {
	display:flex;
	justify-content: space-between;
	border-bottom:1px solid #dedede;
	position:relative;
}
.list a span {
	position:absolute;
	right:0.4rem;
	top: 0.28rem;
	width: 0.2rem;
	height: 0.35rem;
}
.list a span img {width: 100%;height: 100%;}
.list li {
	width: 6.53rem;
	height: 0.88rem;
	line-height: 0.88rem;
	padding-left: 0.87rem;
	font-size: 0.3rem;
	color: #333;
	position: relative;
}
.list li img {
	position: absolute;
	left: 0.46rem;
	top: 50%;
}
.list li p {
	padding-left:0.1rem;
	color:#666;
}
.list li .ico1 {
	width: 0.36rem;
	height: 0.33rem;
	margin-top: -0.165rem;
}
.list li .ico2 {
	width: 0.29rem;
	height: 0.33rem;
	margin-top: -0.165rem;
}
.list li .ico3 {
	width: 0.3rem;
	height: 0.32rem;
	margin-top: -0.16rem;
}
.list li .ico4 {
	width: 0.27rem;
	height: 0.32rem;
	margin-top: -0.16rem;
}
.list li .ico5 {
	width: 0.33rem;
	height: 0.33rem;
	margin-top: -0.165rem;
}
.list li .ico6 {
	width: 0.3rem;
	height: 0.3rem;
	margin-top: -0.15rem;
}
.list li .ico7 {
	width: 0.31rem;
	height: 0.32rem;
	margin-top: -0.16rem;
}
.active3{
	color:#31a2ff;
}
/*抢单 预约单*/
.per_cen{
	height:1.25rem;
	width:100%;
	border-bottom: 1px solid #ddd;
}
.centerbg{
	width:80%;
	margin-left: 10%;
	margin-top:0.25rem;
	height:0.96rem;
	background: url(/static/app/images/37.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
}
.centerbg li{
	flex: 1;
	text-align: center;
	line-height: 0.55rem;
    margin-top: 0.2rem;
}
.pitch{
	background: url(/static/app/images/38.png) no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
    height: 0.55rem;
}
/*时间插件*/
#date-wrapper h3{
	background:#1f9ef5 !important;
}
#d-confirm{
	background:#1f9ef5 !important;
}
